<template>
    <!-- 订单管理界面 -->
    <div >
        
        <div class="unifined-menu unifined-border-radius">
            <el-menu router class="el-menu-demo" mode="horizontal" background-color="#fff" text-color="#000"
                active-text-color="#409EFF" :collapse-transition="false">
               <!-- 查看交易数据，交易金额，成交量 -->
               <el-menu-item index="overview">交易数据</el-menu-item>
               <!-- 管理订单，发货，订单转售后 -->
               <el-menu-item index="list">订单列表</el-menu-item>
            </el-menu>
        </div>
        
        <div class="router">
            
            <router-view>
                
            </router-view>
            
        </div>
    </div>


</template>

<script>
    export default {
        data() {
            return {
                // 列表数据
                list: [{


                    _id: "15615165165", // 订单编号
                    goods_id: "541515165", // 商品ID
                    user: "45156151", // 用户id

                    original_price: 5615165, // 原价格
                    paid_price: 151203, // 实际付款价格

                    create_action: 0, // 下单行为

                    tabs: 0, // 订单标签
                    buyer_comment: "", // 买家订单备注
                    seller_comment: "", // 卖家内部备注

                    payment_type: 0, // 支付方式
                    create_time: Date.now(), // 订单创建时间
                    payment_time: Date.now(), // 订单支付时间

                    status: 0 // 订单状态

                }],

                // 表格显示选项显示状态
                showFormSelect: false,
                // 表格显示选项
                FormSelect: [{
                        name: "订单编号", // 字段
                        alias: "orderid", // 字段别名
                        seat: 0, // 排序
                        display: true, // 显示在表格中
                    }, {
                        name: "用户信息", // 字段
                        alias: "userinfo", // 字段别名
                        seat: 0, // 排序
                        display: true, // 显示在表格中
                    },
                    {
                        name: "订单商品",
                        alias: "goodsinfo", // 字段别名
                        seat: 1,
                        display: true
                    },
                    {
                        name: "优惠信息",
                        alias: "reduction", // 字段别名
                        seat: 1,
                        display: true
                    },
                    {
                        name: "实付款",
                        alias: "int", // 字段别名
                        seat: 1,
                        display: true
                    },
                    {
                        name: "支付方式",
                        alias: "int", // 字段别名
                        seat: 1,
                        display: true
                    },
                    {
                        name: "下单行为",
                        alias: "int", // 字段别名
                        seat: 1,
                        display: true
                    },
                    {
                        name: "配送信息",
                        alias: "transport", // 字段别名
                        seat: 1,
                        display: true
                    },
                    {
                        name: "下单时间",
                        alias: "int", // 字段别名
                        seat: 1,
                        display: true
                    },
                    {
                        name: "状态",
                        alias: "status", // 字段别名
                        seat: 1,
                        display: true
                    }
                ],
                // 当前页面
                page: null,
                // 每页显示数量
                limit: null,
                // 订单状态信息
                orderStatus: [{
                        code: 0,
                        msg: "待收货"
                    },
                    {
                        code: 1,
                        msg: "待收货"
                    },
                    {
                        code: 2,
                        msg: "待收货"
                    },
                    {
                        code: 3,
                        msg: "待收货"
                    },
                    {
                        code: 4,
                        msg: "待收货"
                    },
                    {
                        code: 5,
                        msg: "待收货"
                    },
                    {
                        code: 6,
                        msg: "待收货"
                    },
                    {
                        code: 7,
                        msg: "待收货"
                    },
                    {
                        code: 8,
                        msg: "待收货"
                    },
                    {
                        code: 9,
                        msg: "待收货"
                    },
                    {
                        code: 10,
                        msg: "待收货"
                    },
                    {
                        code: 11,
                        msg: "待收货"
                    }
                ]


            }

        },
        methods: {


            // 隐藏/显示表格筛选
            clickShowSelect() {
                this.showFormSelect = !this.showFormSelect

            }

        },
        mounted() {
            // console.log(this.FormSelectHandle);
        }


    }
</script>

<style scoped="scoped">
    .page {
        background-color: #fff;
        height: auto;
        min-height: 100%;
        flex-direction: column;
    }
    .router {
        flex: 1;
    }
</style>
